<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>日日结</title>
        <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=yes">
        <!--<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">-->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
        <script src="js/libs/jquery.min.js"></script>
        <script src="js/libs/art-template.js"></script>
        <link rel="stylesheet" type="text/css" href="css/mui/mui.min.css" />
        <link rel="stylesheet" type="text/css" href="css/icons-extra.css" />
        <link rel="stylesheet" type="text/css" href="css/app.css"/>
		<style>
            .mui-table-view-cell{position: relative}
            .wait-span{ top: 30%!important; right: 25%!important;}
            .mui-table-view {
                margin-top: 20px;
            }
		</style>
	</head>
	<body>
		<nav class="mui-bar mui-bar-tab">
            <a class="mui-tab-item" href="#tabMainPage">
                <span class="mui-icon mui-icon-chat"></span>
                <span class="mui-tab-label">消息</span>
            </a>
			<!--<a class="mui-tab-item" href="#tabBillPage">-->
				<!--<span class="mui-icon mui-icon-extra mui-icon-extra-order"></span>-->
                <!--<span class="mui-tab-label">单据</span>-->
			<!--</a>-->
			<!--<a class="mui-tab-item" href="#tabApprovePage">-->
				<!--<span class="mui-icon mui-icon-extra mui-icon-extra-topic"></span>-->
                <!--<span class="mui-tab-label">审批</span>-->
			<!--</a>-->
			<a class="mui-tab-item mui-active" href="#tabReportPage">
				<span class="mui-icon mui-icon-extra mui-icon-extra-dictionary"></span>
                <span class="mui-tab-label">业务</span>
			</a>
			<a class="mui-tab-item" href="#tabMyselfPage">
				<span class="mui-icon mui-icon-contact"></span>
                <span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<div class="mui-content">
            <div id="tabMainPage" class="mui-control-content ">
                <header class="mui-bar mui-bar-nav">
                    <h1 class="mui-title">消息</h1>
                </header>
                <div class="mui-content" id="main">

                </div>
            </div>
			<!--<div id="tabBillPage" class="mui-control-content">-->
				<!--<header class="mui-bar mui-bar-nav">-->
					<!--<h1 class="mui-title">单据</h1>-->
				<!--</header>-->
                <!--<div class="mui-content" id="inOut">-->

                <!--</div>-->
			<!--</div>-->
			<!--<div id="tabApprovePage" class="mui-control-content">-->
				<!--<header class="mui-bar mui-bar-nav">-->
					<!--<h1 class="mui-title">审批</h1>-->
				<!--</header>-->
                <!--<div class="mui-content" id="approve">-->

                <!--</div>-->
			<!--</div>-->

			<div id="tabReportPage" class="mui-control-content mui-active">
				<header class="mui-bar mui-bar-nav">
					<h1 class="mui-title">业务</h1>
				</header>
				<div class="mui-content" id="reports">

				</div>
			</div>
			<div id="tabMyselfPage" class="mui-control-content">
				<header class="mui-bar mui-bar-nav">
					<h1 class="mui-title">我的</h1>
				</header>
                <div class="mui-content">
                    <ul class="mui-table-view mui-table-view-chevron">
                        <li class="mui-table-view-cell mui-media">
                            <a class="mui-navigate-right" onclick="openUserDetail()" href="javascript:void(0)">
                                <img class="mui-media-object mui-pull-left head-img" id="head-img" src="">
                                <div class="mui-media-body">
                                    <p class='mui-ellipsis'>账号：<span id="createName"></span></p>
                                    <p class='mui-ellipsis'>名称：<span id="psnName"></span></p>
                                </div>
                            </a>
                        </li>
                    </ul>
                    <ul class="mui-table-view mui-table-view-chevron">
                        <li class="mui-table-view-cell">
                            <a onclick="openUserDetail()" href="javascript:void(0)" class="mui-navigate-right">个人资料</a>
                        </li>
                    </ul>
                    <ul class="mui-table-view">
                        <li class="mui-table-view-cell mui-text-center" id="logoutBtn">
                            <a>退出登录</a>
                        </li>
                    </ul>
                </div>
			</div>
		</div>
	</body>

    <!--report模版-->
    <script id="reportTem" type="text/html">
        <ul class="mui-table-view mui-grid-view mui-grid-9 main-menu">
            {{each $data value index}}
            <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                <a href={{value.url}}>
                    <span class={{value.class}}>
                        <i class="mui-col-xs-4 mui-col-sm-3 icon-font font-max color-white">{{#value.icon}}</i>
                    </span>
                    <div class="mui-media-body color-gray">{{value.name}}</div>
                </a>
            </li>
            {{/each}}
        </ul>
    </script>
    <!--分类模版--->
    <script id="typeTem" type="text/html">
        {{each $data value index}}
        <div class="type-menu">
            <h3>{{value.name}}</h3>
            <ul class="mui-table-view mui-grid-view mui-grid-9 main-menu">
                {{each value.child v i}}
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
                    <a href={{v.url}}>
                        <span class={{v.class}}>
                            <i class="mui-col-xs-4 mui-col-sm-3 icon-font font-max color-white">{{#v.icon}}</i>
                        </span>
                        <div class="mui-media-body color-gray">{{v.name}}</div>
                    </a>
                    {{if v.name === '待办事项'}}
                    <i class="mui-badge mui-badge-danger wait-span" id="waitCount">0</i>
                    {{/if}}
                </li>
                {{/each}}
            </ul>
        </div>
        {{/each}}
    </script>

    <!--公共js-->
	<script src="js/mui/mui.min.js"></script>
    <script src="js/libs/art-template.js"></script>
    <script src="js/libs/layui.js"></script>
    <script src="js/YrDate.js" ></script>
    <script src="js/common.js"></script>
    <script src="js/utils/index.js"></script>
    <!--菜单js-->
    <script src="js/utils/menu.js"></script>
	<script>
		mui.init({
			swipeBack:true //启用右滑关闭功能
		});
	</script>
</html>